<template>
	<div class="u-page">

		<!-- 第1,2次，退回理由 -->
		<div v-if="show3">
			<u-modal ref="uModal" title="填写理由" v-model="show3" show-cancel-button confirm-text="提交" cancel-text="取消"
				@confirm="GoToPrevNode" @cancel="Cancel_GoToPrevNode" confirm-color="#e55e97">
				<div class="u-p-20">
					<u-input type="textarea" :placeholder="_placeholder" placeholder-style="color:#ededed"
						maxlength="500" height="150" v-model="form.TmpRemark"></u-input>
				</div>
			</u-modal>
		</div>

		<!-- 第3次，回收任务 -->
		<u-modal ref="uModal" title="平台提示" v-model="show4" show-cancel-button confirm-text="确认" cancel-text="取消"
			@confirm="GoToPrevNode" @cancel="Cancel_GoToPrevNode" confirm-color="#e55e97">
			<div class="u-p-20">
				<p>对方的两次返修机会已用完，确认后此任务将立即收回。</p>
			</div>
		</u-modal>

		<section class="aui-flexView">
			<section class="aui-scrollView">
				<!-- <div class="aui-flex">
					<div class="aui-flex-box">
						<h1>您好，请选择标签？</h1>
					</div>
				</div>
				<div class="aui-list-box clearfix">
					<a href="javascript:;" class="aui-current-item ">术前咨询/保障
					</a>
					<a href="javascript:;" class="aui-current-item this-card">到店咨询
					</a>
					<a href="javascript:;" class="aui-current-item">优惠促销
					</a>
					<a href="javascript:;" class="aui-current-item">派单/录单
					</a>
					<a href="javascript:;" class="aui-current-item">我要投诉
					</a>
					<a href="javascript:;" class="aui-current-item">其他
					</a>
				</div> -->
				<div class="aui-flex aui-choice-white" style="padding: 30rpx 30rpx 0 30rpx;">
					<div class="aui-flex-box">
						<h1>测评清单1件</h1>
					</div>
				</div>
				<div class="aui-flex aui-flex-default aui-mar15 margin-30" @click="toProductDetail">
					<div class="aui-flex-goods">
						<img :src="form.Pictures.split(',')[0]" alt="">
					</div>
					<div class="aui-flex-box">
						<h2 style="padding-left: 0">{{form.Subject}}</h2>
						<p style="margin-bottom: 8px;">测评人数：{{form.JoinQuota}}</p>
						<!-- <div class="aui-flex aui-flex-clear">
							<div class="aui-flex-box">￥{{form.Price}}</div>
							<div>x1</div>
						</div> -->
						<div class="aui-tag" v-for="(item, index) in form.KeyWord.split(',')">
							<u-tag :text="item" mode="dark" size="mini" bg-color="#7688e8"></u-tag>
						</div>
					</div>
				</div>
				<div class="aui-flex">
					<div class="aui-flex-box">
						<h1>测评报告文案</h1>
					</div>
				</div>
				<div class="text-block">
					<text user-select='true'>{{form.Suggestion}}</text>
				</div>
				<div class="aui-flex">
					<div class="aui-flex-box">
						<h1>测评素材</h1>
					</div>
				</div>
				<div class="pictrues-box">
					<Upload u_appid="ProductPromote" :u_fieldName="userId" :u_orunid="form.docUnid" u_type="2"
						:u_readonly="true" :u_showSize="true" :u_initialAttchments="SubmitResultsFiles"
						@receiveAttachmentsData="getResultsFiles"></Upload>
				</div>

				<div class="aui-flex">
					<div class="aui-flex-box flex-between">
						<h1>交付证明</h1>
					</div>
				</div>

				<div style="margin-left: 10px;">
					<div class="aui-flex aui-choice-white b-line">
						<div class="aui-flex-box">电商平台订单号</div>
						<text user-select='true'>{{form.PlatformOrderNo}}</text>
					</div>

					<div class="aui-flex aui-choice-white b-line">
						<div class="aui-flex-box">微信昵称</div>
						<text user-select='true'>{{form.NickName}}</text>
					</div>

					<!-- 电商平台截图凭证 -->
					<div class="aui-flex aui-choice-white b-line">
						<div class="aui-flex-box">
							<div class="aui-flex-box">电商平台截图凭证</div>
							<div style="margin-top: 10px;">
								<div class="pictrues-box2">
									<Upload u_appid="ProductPromote" u_fieldName="Ecommerce" :u_orunid="form.docUnid"
										u_type="2" :u_readonly="true" :u_initialAttchments="EcommercePlatformFiles"
										@receiveAttachmentsData="getEcommerceFiles"></Upload>
								</div>
							</div>
						</div>
					</div>

					<!-- 社交平台截图凭证 -->
					<div class="aui-flex aui-choice-white b-line">
						<div class="aui-flex-box">
							<div class="aui-flex-box">社交平台截图凭证</div>
							<div style="margin-top: 10px;">
								<div class="pictrues-box2">
									<Upload u_appid="ProductPromote" u_fieldName="Social" :u_orunid="form.docUnid"
										u_type="2" :u_readonly="true" :u_initialAttchments="SocialPlatformFiles"
										@receiveAttachmentsData="getSocialFiles"></Upload>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="divHeight"></div>

				<div class="aui-flex" v-if="form.TmpRemark">
					<div class="aui-flex-box">
						<h1>验收意见</h1>
					</div>
				</div>
				<div class="Tmp-Remark u-pb-20" v-if="form.TmpRemark">
					<u-parse :html="this.escape2Html(form.TmpRemark)"></u-parse>
				</div>
				<div class="divHeight" v-if="form.TmpRemark"></div>

				<!-- <div class="aui-flex">
					<div class="title_phone">联系电话</div>
					<div class="aui-flex-box">
						<h2>18801066666</h2>
					</div>
				</div> -->

				<!-- 按钮 -->
				<!-- 查看分享时，只显示关闭按钮 -->
				<div style="width: 95%;margin: 0 auto;" v-if="ViewShare">
					<div style="margin-top: 40rpx">
						<u-button type="primary" :disabled="isClick" shape="circle" @click="goToIndex">
							关闭
						</u-button>
					</div>
				</div>
				<article class="m-buybar" v-else>
					<div class="btn-wrap">
						<div class="cart u-pr-5">
							<ShareBtn :docUnid="shareData.docUnid" :url="shareData.url"
								:route="shareData.route" :style="shareData.style" :type="shareData.type"
								:posterData="shareData.posterData"></ShareBtn>
						</div>
						<a href="#" class="recovery btn" @click="TransferToOthers">转他人处理</a>
						<a href="#" class="buynow btn" @click="rejectShow">不通过</a>
						<a href="#" class="view-pro btn" @click="adoptShow">通过</a>
					</div>
				</article>

			</section>
		</section>

		<!-- 点击通过验收提示 -->
		<u-modal ref="uModal" title="平台提示" v-model="Adopt_Show" show-cancel-button confirm-text="确认" cancel-text="取消"
			@confirm="Submit" confirm-color="#e55e97">
			<div class="u-p-20 u-text-center">
				<p>是否确定通过验收？</p>
			</div>
		</u-modal>

		<!-- 点击不通过验收提示 -->
		<u-modal ref="uModal" title="平台提示" v-model="Reject_Show" show-cancel-button confirm-text="确认" cancel-text="取消"
			@confirm="ReturnReminder" confirm-color="#e55e97">
			<div class="u-p-20 u-text-center">
				<p>是否确定不通过验收？</p>
			</div>
		</u-modal>
	</div>
</template>

<script>
	import shareMixins from '@/mixins/share';
	import globalData from "@/globalData";
	export default {
		mixins: [shareMixins],
		data() {
			return {
				form: {},
				SubmitResultsFiles: [], // 测评素材
				EcommercePlatformFiles: [], // 电商平台截图凭证
				SocialPlatformFiles: [], // 社交平台截图凭证
				isClick: false,
				show3: false,
				show4: false,
				_placeholder: '', // 退回的提示信息
				Adopt_Show: false,
				Reject_Show: false,
				PassNum: 0, //通过验收人数
				ViewShare: false, // 是否通过分享进来的，是：true
				shareData: {
					docUnid: '',
					url: '',
					route: '',
					style: 3,
					type: 2,
					posterData: {
						imageURL: '', // 商品主图URL地址
						productName: '', // 商品名称
						productPrice: '', // 商品价格
						invitemsg: '邀请参与测评',// 邀请内容。如邀请参与测评，可不传。默认邀请
						type: 'zshb'
					},
					imageUrl: ''
				},
			}
		},

		onLoad(options) {
			if (this.isNotNull(options.docUnid)) {
				this.form.docUnid = options.docUnid
				this.initFormData()
			}

			// 是否为只读
			if (this.isNotNull(options.readonly) && options.readonly == '1') {
				this.ViewShare = true;
			}
			
		},

		methods: {
			/**
			 * 获取测评任务详情
			 */
			async initFormData() {
				// 设置按钮为不可点击
				this.isClick = true;
				let result = await this.$u.api.unifyRequest({
					appid: 'ProductPromote',
					wf_num: 'R_ProductPromote_BL006',
					docUnid: this.form.docUnid,
					loading: true // 默认发起请求会有一个全局的Loading，设置false可去掉
				});
				if (result.code == 200) {
					this.form = result.data
					this.PassNum = result.PassNum
					// 设置按钮为可点击
					this.isClick = false;
					this.getFiles(this.form.docUnid); // 测评素材
					this.getFiles2(this.form.docUnid, "Ecommerce"); // 电商平台截图凭证
					this.getFiles2(this.form.docUnid, "Social"); // 社交平台截图凭证

					// 分享组件数据初始化
					this.shareData.docUnid = this.form.docUnid
					this.shareData.url = '/pages_private_scene2/ProductPromote/AcceptanceResults?docUnid='+this.form.docUnid + '&readonly=1',
					this.shareData.route = this.getCurrentPageUrl(this);
					this.shareData.imageUrl = this.form.CommodityPicture;
					
					// 分享组件【商品信息】初始化
					this.shareData.posterData.imageURL = this.form.CommodityPicture;
					this.shareData.posterData.productName = this.form.CommodityName;
					this.shareData.posterData.productPrice = this.form.UnitPrice;
					
				} else {
					// 设置按钮为可点击
					this.isClick = false;
					this.$u.toast(result.msg)
				}
			},

			/**
			 * 点击通过唤起弹窗
			 */
			adoptShow() {
				this.Adopt_Show = true
			},

			/**
			 * 点击拒绝唤起弹窗
			 */
			rejectShow() {
				this.Reject_Show = true
			},

			/**
			 * 确认通过验收
			 */
			async Submit() {

				// 显示 loading 提示框
				uni.showLoading({
					mask: true,
				});

				// 设置按钮为不可点击
				this.isClick = true;

				const userInfo = uni.getStorageSync('userInfo');
				let result = await this.$u.api.unifyRequest({
					userId: userInfo.userId,
					nickName: userInfo.nickName,
					appid: 'ProductPromote',
					wf_num: 'R_ProductPromote_BL008',
					docUnid: this.form.docUnid, // 子文档id
					loading: true // 默认发起请求会有一个全局的Loading，设置false可去掉
				});
				if (result.code == 200) {
					uni.reLaunch({
						url: '/pages_private_scene2/ProductPromote/common/result?mode=3&Subject=' + this.form
							.Subject + '&AvgIntegral=' + this.form.Rewards + '&PartnerName=' + this.form
							.PartnerName + '&PassNum=' + this.PassNum
					});
				} else {
					this.$u.toast(result.msg);
					this.isClick = false; // 设置按钮为可点击
				}
			},

			/**
			 * 退回提醒信息
			 */
			ReturnReminder() {
				// 判断是第几次退回，显示不同的提示语
				if (this.form.ReturnNum == "0") {
					this._placeholder = "请填写不通过验收的理由，提交后该工作者需重新提交成果。（第1次返修）";
					this.show3 = true;
				}
				if (this.form.ReturnNum == "1") {
					this._placeholder = "请填写不通过验收的理由，提交后该工作者需重新提交成果。（第2次返修）";
					this.show3 = true;
				}
				if (this.form.ReturnNum == "2") {
					this.show4 = true;
				}
			},


			/**
			 * 退回给拍档重新提交成果
			 */
			async GoToPrevNode() {
				if (this.form.ReturnNum == "0" || this.form.ReturnNum == "1") {
					if (this.form.TmpRemark == "") {
						this.$u.toast("不通过的理由不能为空！");
					} else {
						// 设置按钮为不可点击
						this.isClick = true;
						const userInfo = uni.getStorageSync('userInfo');
						let result = await this.$u.api.unifyRequest({
							userId: userInfo.userId,
							nickName: userInfo.nickName,
							appid: 'ProductPromote',
							wf_num: 'R_ProductPromote_BL009',
							docUnid: this.form.docUnid, // 子文档id
							TmpRemark: this.form.TmpRemark, // 办理意见
							loading: true // 默认发起请求会有一个全局的Loading，设置false可去掉
						});
						if (result.code == 200) {
							// 设置按钮为可点击
							this.isClick = false;
							let _ReturnNum = parseInt(this.form.ReturnNum) + 1;
							uni.reLaunch({
								url: '/pages_private_scene2/ProductPromote/common/result?mode=4&ReturnNum=' +
									_ReturnNum
							});
						} else {
							this.$u.toast(result.msg);
							// 设置按钮为可点击
							this.isClick = false;
						}
					}
				}

				if (this.form.ReturnNum == "2") {
					const userInfo = uni.getStorageSync('userInfo');
					let res = await this.$u.api.unifyRequest({
						userId: userInfo.userId,
						nickName: userInfo.nickName,
						appid: 'ProductPromote',
						wf_num: 'R_ProductPromote_BL010',
						docUnid: this.form.docUnid, // 子文档id
						loading: true // 默认发起请求会有一个全局的Loading，设置false可去掉
					});
					if (res.code == 200) {
						// 设置按钮为可点击
						this.isClick = false;
						uni.reLaunch({
							url: '/pages_private_scene2/ProductPromote/common/result?mode=5&Subject=' + this
								.form.Subject + '&PartnerName=' + this.form.PartnerName
						});
					} else {
						this.$u.toast(res.msg);
						// 设置按钮为可点击
						this.isClick = false;
					}
				}

			},

			/**
			 * 取消退回
			 */
			async Cancel_GoToPrevNode() {

			},

			// 前往首页
			goToIndex() {
				uni.reLaunch({
					url: '/pages/index/index'
				});
			},

			/**
			 * 跳转到商品的详情
			 */
			toProductDetail() {
				this.$u.route('/pages_private_scene2/ProductPromote/SignUp?docUnid=' + this.form.MainDocUnid)
			},

			/**
			 * 转交他人处理
			 */
			TransferToOthers() {
				if (this.form.AgentStatus == '1') { //只能选择原验收人，需要把原验收人信息传到选人页面
					let TransferToUser = {
						UserId: this.form.OriginalInspectorid,
						RealName: this.form.OriginalInspectorName,
						avatarUrl: this.form.OriginalAvatarUrl
					}
					let transferto_user = JSON.stringify(TransferToUser)
					this.$u.route(
						'/pages_private_scene2/ProductPromote/common/selectUsers?isTransferToOthers=1&limit=1&MainDocUnid=' +
						this.form.MainDocUnid + '&docUnid=' + this.form.WF_OrUnid + '&SceneAssetsId=' + this.form
						.SceneAssetsId + '&TransferToUser=' + encodeURIComponent(transferto_user))
				} else {
					this.$u.route(
						'/pages_private_scene2/ProductPromote/common/selectUsers?isTransferToOthers=1&limit=1&MainDocUnid=' +
						this.form.MainDocUnid + '&docUnid=' + this.form.WF_OrUnid + '&SceneAssetsId=' + this.form
						.SceneAssetsId)
				}
			},

			/**
			 * 接收上传组件传过来的值并更新附件列表数据
			 * 获取附件列表（测评素材）
			 */
			async getResultsFiles(res) {
				this.SubmitResultsFiles = res;
			},

			/**
			 * 接收上传组件传过来的值并更新附件列表数据
			 * 获取附件列表（电商平台截图凭证）
			 */
			async getEcommerceFiles(res) {
				this.EcommercePlatformFiles = res;
			},

			/**
			 * 接收上传组件传过来的值并更新附件列表数据
			 * 获取附件列表（社交平台截图凭证）
			 */
			async getSocialFiles(res) {
				this.SocialPlatformFiles = res;
			},

			/**
			 * 初始化附件列表
			 * @param {Object} orunid 实例id
			 */
			async getFiles(orunid) {
				if (this.isNotNull(orunid) && this.isNotNull(this.form.Partnerid)) {
					const userInfo = uni.getStorageSync('userInfo')
					let result = await this.$u.api.unifyRequest({
						userId: userInfo.userId,
						nickName: userInfo.nickName,
						appid: 'ProductPromote',
						wf_num: 'R_FILE_BL002',
						orunid: orunid,
						fieldName: this.form.Partnerid,
						loading: false // 默认发起请求会有一个全局的Loading，设置false可去掉
					});
					if (result.code == 200) {
						this.SubmitResultsFiles = result.data
					}
				}
			},

			/**
			 * 初始化附件列表（凭证）
			 * @param {Object} orunid 实例id
			 */
			async getFiles2(orunid, fieldName) {
				const userInfo = uni.getStorageSync('userInfo')
				let result = await this.$u.api.unifyRequest({
					userId: userInfo.userId,
					nickName: userInfo.nickName,
					appid: 'ProductPromote',
					wf_num: 'R_FILE_BL002',
					orunid: orunid,
					fieldName: fieldName,
					loading: false // 默认发起请求会有一个全局的Loading，设置false可去掉
				});
				if (result.code == 200) {
					// 电商平台截图凭证
					if (fieldName == "Ecommerce") {
						this.EcommercePlatformFiles = result.data
					}
					// 社交平台截图凭证
					if (fieldName == "Social") {
						this.SocialPlatformFiles = result.data
					}
				}
			},
		}
	}
</script>

<style scoped>
	html,
	body {
		color: #333;
		margin: 0;
		height: 100%;
		font-family: "Myriad Set Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-weight: normal;
	}

	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	a {
		text-decoration: none;
		color: #000;
	}

	a,
	label,
	button,
	input,
	select {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}

	img {
		width: 100%;
		height: auto;
		display: block;
		border: 0;
	}

	body {
		background: #fff;
		color: #666;
	}

	html,
	body,
	div,
	dl,
	dt,
	dd,
	ol,
	ul,
	li,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	blockquote,
	pre,
	button,
	fieldset,
	form,
	input,
	legend,
	textarea,
	th,
	td {
		margin: 0;
		padding: 0;
	}

	a {
		text-decoration: none;
		color: #08acee;
	}

	button {
		outline: 0;
	}

	button,
	input,
	optgroup,
	select,
	textarea {
		margin: 0;
		font: inherit;
		color: inherit;
		outline: none;
	}

	li {
		list-style: none;
	}

	a {
		color: #666;
	}

	.clearfix::after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}

	.clearfix {}

	.divHeight {
		width: 100%;
		height: 10px;
		background: #f5f7fc;
		position: relative;
		overflow: hidden;
	}

	.r-line {
		position: relative;
	}

	.r-line:after {
		content: '';
		position: absolute;
		z-index: 0;
		top: 0;
		right: 0;
		height: 100%;
		border-right: 1px solid #D9D9D9;
		-webkit-transform: scaleX(0.5);
		transform: scaleX(0.5);
		-webkit-transform-origin: 100% 0;
		transform-origin: 100% 0;
	}

	.b-line {
		position: relative;
	}

	.b-line:after {
		content: '';
		position: absolute;
		z-index: 2;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		border-bottom: 1px solid #e2e2e2;
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5);
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%;
	}

	.aui-arrow {
		position: relative;
		padding-right: 0.8rem;
		color: #7f8699;
		font-size: 0.85rem;
	}

	.aui-arrow span {
		font-size: 0.8rem;
		color: #9b9b9b;
	}

	.aui-arrow:after {
		content: " ";
		display: inline-block;
		height: 6px;
		width: 6px;
		border-width: 2px 2px 0 0;
		border-color: #848484;
		border-style: solid;
		-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
		transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
		position: relative;
		top: -2px;
		position: absolute;
		top: 50%;
		margin-top: -6px;
		right: 2px;
		border-radius: 1px;
	}

	.aui-flex {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		padding: 15px;
		position: relative;
	}

	.aui-flex-box {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		min-width: 0;
		font-size: 14px;
		color: #333;
	}

	.aui-flexView {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.aui-scrollView {
		width: 100%;
		height: 100%;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		position: relative;
		padding-bottom: 10px;
	}

	.aui-navBar {
		height: 44px;
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		z-index: 102;
		background: #fff;
	}

	.aui-navBar-item {
		height: 44px;
		min-width: 20%;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 15%;
		-ms-flex: 0 0 15%;
		flex: 0 0 15%;
		padding: 0 0.9rem;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		font-size: 0.7rem;
		white-space: nowrap;
		overflow: hidden;
		color: #808080;
		position: relative;
	}

	.aui-navBar-item:first-child {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
		margin-right: -25%;
		font-size: 0.9rem;
		font-weight: bold;
	}

	.aui-navBar-item:last-child {
		-webkit-box-ordinal-group: 4;
		-webkit-order: 3;
		-ms-flex-order: 3;
		order: 3;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		font-size: 12px;
		color: #4e85fd;
	}

	.aui-center {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		height: 44px;
		width: 80%;
		margin-left: 25%;
	}

	.aui-center-title {
		text-align: center;
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
		font-size: 1rem;
		color: #333;
	}

	.icon {
		width: 19px;
		height: 19px;
		display: block;
		border: none;
		float: left;
		background-size: 19px;
		background-repeat: no-repeat;
	}

	.aui-flex-box h1 {
		color: #444444;
		font-weight: 500;
		font-size: 1rem;
		overflow: hidden;
		position: relative;
		padding-left: 1rem;
	}

	.aui-flex-box h2 {
		color: #222;
		font-weight: normal;
		font-size: 1.1rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		word-break: break-all;
		text-overflow: ellipsis;
		padding-left: 1rem;
	}

	.aui-flex-box p {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		word-break: break-all;
		text-overflow: ellipsis;
		font-size: 0.9rem;
		margin-bottom: 0.1rem;
		color: #ffffffc4;
	}

	.aui-flex-box h3 {
		font-size: 0.7rem;
		color: #ffffffc4;
		font-weight: normal;
		width: 100%;
		overflow: hidden;
	}

	.aui-flex-box h4 {
		font-size: 0.7rem;
		color: #ffffffc4;
		font-weight: normal;
		width: 100%;
		overflow: hidden;
	}

	.aui-flex-box h5 {
		font-size: 0.8rem;
		color: #ffffff;
		font-weight: normal;
		width: 100%;
		overflow: hidden;
	}

	.aui-palace {
		padding: 0.6rem 0;
		position: relative;
		overflow: hidden;
		background: white;
	}

	.aui-palace-grid {
		position: relative;
		float: left;
		padding: 1px;
		width: 33.333%;
		box-sizing: border-box;
		margin: 10px 0;
	}

	.aui-palace-img {
		width: 50px;
		height: 50px;
		margin: 0 auto;
	}

	.aui-palace-text p {
		text-align: center;
		font-size: 14px;
		color: #333333;
		margin-top: 5px;
	}


	.aui-current-item {
		width: 29%;
		float: left;
		margin: 2%;
		text-align: center;
		border-radius: 100px;
		background: #ededed;
		padding: 8px 0;
		font-size: 14px;
	}

	.this-card {
		background: #16d7da;
		color: #fff;
	}


	.aui-list-box {
		padding: 0 10px;
	}


	.aui-flex-box h1:after {
		content: '';
		position: absolute;
		z-index: 0;
		top: 3px;
		left: 0;
		width: 4px;
		height: 16px;
		border-radius: 10px;
		background: #16d7da;
	}

	.text-block {
		background: #ededed;
		width: 92%;
		margin: 0 auto;
		border-radius: 5px;
		padding: 20rpx;
		height: 11.5rem;
		user-select: text !important;
		-webkit-user-select: text;
		overflow: scroll;
	}

	.textarea-block {
		background: #ededed;
		width: 92%;
		margin: 0 auto;
		border-radius: 5px;
		padding: 20rpx;
		height: 11.5rem;
		user-select: text !important;
		-webkit-user-select: text;
	}

	.textarea-block textarea {
		width: 100%;
		padding: 1rem;
		font-size: 0.95rem;
		overflow: hidden;
		resize: none;
		height: 8rem;
		border: none;
		background: none;
		line-height: 1.8;
	}

	.aui-textarea-count {
		text-align: right;
		padding-right: 1rem;
	}

	.aui-upload-box {
		background-color: #fff;
		/* padding: .1rem 1rem 0.5rem 0.4rem; */
		width: 210rpx;
		height: 210rpx;
		padding-top: 10rpx;
		padding-right: 10rpx;
	}


	#chose_pic_btn {
		width: 210rpx;
		height: 210rpx;
		position: relative;
		display: inline-block;
		background-image: url('');
		box-sizing: border-box;
		background-size: 45px 45px;
		background-position: center center;
		background-repeat: no-repeat;
		background-color: #ededed;
		margin-left: 3.3333%;
		margin-bottom: 12px;
		border-radius: 5px;
	}

	#chose_pic_btn input {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		width: 100%;
		height: 100%
	}



	.aui-upload-box .pic_look {
		width: 30%;
		height: 100px;
		display: inline-block;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		box-sizing: border-box;
		margin-left: 3.3333%;
		margin-bottom: 12px;
		position: relative;
		border-radius: 5px;
	}

	.aui-upload-box .pic_look em {
		position: absolute;
		display: inline-block;
		width: 20px;
		height: 20px;
		background-color: #fff;
		color: #fff;
		font-size: 18px;
		right: -0.5rem;
		top: -0.5rem;
		text-align: center;
		line-height: 22px;
		border-radius: 50%;
		font-weight: 700;
		z-index: 1;
		background-image: url('');
		background-size: 20px;
	}



	#chose_pic_btn input {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		width: 100%;
		height: 100%
	}

	.title_phone {
		color: #444444;
		font-weight: 500;
		font-size: 1rem;
		overflow: hidden;
		position: relative;
	}

	.aui-pay-com {
		width: 92%;
		margin: 0.5rem auto 0;
	}

	.aui-pay-com button {
		background-color: #16d7da;
		color: white;
		border: none;
		width: 100%;
		padding: 12px 0;
		border-radius: 5px;
		font-size: 16px;
	}

	.aui-choice-white {
		background: #fff;
	}

	.aui-order-box {
		padding: 10px 20px;
	}

	.aui-flex-goods {
		margin-right: .8em;
		width: 80px;
		height: 80px;
		line-height: 80px;
		text-align: center;
	}

	.aui-flex-goods img {
		width: 100%;
		max-height: 100%;
		vertical-align: top;
	}

	.aui-flex-clear {
		padding: 0;
		margin-top: 20px;
	}

	.aui-flex-clear .aui-flex-box {
		color: #f21956;
		font-weight: bold;
	}

	.aui-mar15 {
		margin-bottom: 15px;
	}

	.aui-flex-default {
		background: #f3f1f1;
	}

	.aui-flex-default h2 {
		font-size: 14px;
		width: auto;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal;
		word-wrap: break-word;
		word-break: break-all;
		padding-bottom: 5px;
	}

	.aui-flex-default p {
		color: #999999;
		font-size: 12px;
	}

	.margin-30 {
		margin: 30rpx;
	}

	img {
		height: 160rpx;
	}

	.pictrues-box {
		display: flex;
		flex-wrap: wrap;
		width: 95%;
		margin: 0 auto;
		padding-bottom: 40rpx;
	}

	.pictrues-box2 {
		display: flex;
		flex-wrap: wrap;
		width: 95%;
	}

	.m-buybar {
		position: fixed;
		z-index: 999;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 50px;
		background: #fff;
	}

	.m-buybar .btn-wrap {
		height: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.m-buybar a {
		display: block;
		height: 50px;
		vertical-align: top;
		font-size: 15px;
		line-height: 50px;
		text-align: center;
	}

	.m-buybar .btn {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.m-buybar .buynow {
		color: #fff;
		background: #e31436;
	}

	.m-buybar .recovery {
		color: #fff;
		background: #eab315;
	}

	.m-buybar .view-pro {
		color: #fff;
		/* background: #3b79fe; */
		background: #e55e97;
	}

	.aui-tag {
		display: inline;
	}

	.Tmp-Remark {
		width: 93%;
		margin: 0 auto;
	}

	.img-size-text {
		color: #f21956;
		padding-left: 50rpx;
		font-size: smaller;
	}
</style>
